body {
  background-color: white;
  color: black;
  font-family: Verdana;
}

/* Header (logo and link) */
header {
  background-color: #fee39f;
  padding: 20px;
  text-align: left;
  font-size: 30px;
  font-weight: 900;
  font-family: Georgia;
}

header a:link {
  text-decoration: none;
  color: black;
}

header a:visited {
  text-decoration: none;
  color: black;
}

header span { 
  vertical-align: 35%;
}


/* Top Navigation Bar */ 
ul.topnav {
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #411004;
}

ul.topnav li a {
  display: block;
  color: #f1f1f1;
  padding: 14px 16px;
  text-decoration: none;
}

ul.topnav li a:hover {
  background-color: #AD7C71;
  color: black;
}


/* Bottom Navigation Bar */
footer {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 200px;
  z-index: 1000;
  background-color: #411004;
}

.footer {  
  display: flex;
}

ul.botnav {
  list-style-type: none;
  margin: 0;
  padding: 15;
  padding-top: 10px;
  font-size: 12px;
}

ul.botnav li a {
  display: grid;
  color: #f1f1f1;
  padding: 14px 16px;
}

.socials {
  list-style-type: none;
  text-align: left;
  margin: 0;
  font-size: 12px;
  display: grid;
  padding: 14px 16px;
}

.socials li a {
  color: #f1f1f1;
}